<template>
    <div>
        <div style="width:340px;text-align:center;margin:0 auto">
          <div style="line-height:60px"> 销售员名 <el-input type="text" v-model="salespersons.names" style="width:220px;height:60px" autocomplete="on"></el-input></div>
          <div style="line-height:60px"> 销售员账号 <el-input type="text" v-model="salespersons.account"  style="width:220px;height:60px" autocomplete="on"></el-input></div>
          <div style="line-height:60px"> 销售员密码 <el-input type="text" v-model="salespersons.password" style="width:220px;height:60px" autocomplete="on"></el-input></div>
         <div style="line-height:60px">  电话 <el-input type="text" v-model="salespersons.phonenum" style="width:220px;height:60px"></el-input></div>
          <div style="line-height:60px">  </div>
         
         <!-- <div style="line-height:60px">   到期时间<el-input type="text" v-model="companies.types" style="width:220px;height:60px"></el-input></div> -->
          
        </div>
        <button @click="addSalespersons(salespersons)">确认新增</button>
    </div>
</template>

<script>
import axios from 'axios';
import {createNamespacedHelpers} from 'vuex';
const { mapActions,mapState,mapMutations } = createNamespacedHelpers(
    "salespersons"
);

export default {
 data(){
     return{
         salespersons:{
             names:'',
             account:'',
             password:'',
             phonenum:''
            
         }
     }
 },
 created(){
     
 },
  computed:{
    
 },
 methods:{
     ...mapActions(['addSalespersons'])
 }
}
</script>